<div  align="right">
    <select>
      <option>Report Staff Info</option>
      <option>Report Staff Probation</option>
      <option>Report Staff Foriegner</option>
      <option>Report Training Class</option>
      <option>Report Payroll</option>
    </select>
    <div class="input-append">
      <input class="span2" id="appendedInputButton" type="text" placeholder="Type name"/>
      <button class="btn" type="button">Search</button>
    </div><br />
    <input type="text" placeholder="From date" class="datepicker"/>
    <input type="text" placeholder="To date" class="datepicker"/>
</div>
<table class="table table-bordered">
<caption><h4>Report Staff Info</h4></caption>
              <thead>
                <tr>
                  <th>#</th>
                  <th>First Name</th>
                  <th>Last Name</th>
                  <th>Username</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>SoKanha</td>
                  <td>VUTHY</td>
                  <td>@SoKanha</td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>Karona</td>
                  <td>KONG</td>
                  <td>@Karona</td>
                </tr>
                <tr>
                  <td>3</td>
                  <td>Visithyro</td>
                  <td>CHEA</td>
                  <td>@Visithyro</td>
                </tr>
                <tr>
                  <td>4</td>
                   <td>Sakoeun</td>
                   <td>SOK</td>
                  <td>@Sakoeun</td>
                </tr>
              </tbody>
            </table>